﻿{{include 'admin/public/header.html'}}

	<body>
		<div class="navbar navbar-default" id="navbar">
			<script type="text/javascript">
				try{ace.settings.check('navbar' , 'fixed')}catch(e){}
			</script>

			{{include 'admin/public/nav_top.html'}}
		</div>

		<div class="main-container" id="main-container">
			<script type="text/javascript">
				try{ace.settings.check('main-container' , 'fixed')}catch(e){}
			</script>

			<div class="main-container-inner">
				<a class="menu-toggler" id="menu-toggler" href="#">
					<span class="menu-text"></span>
				</a>

				<!--左侧导航-->

				{{include 'admin/public/nav_left.html'}}

				<div class="main-content">
					<div class="breadcrumbs" id="breadcrumbs">
						<script type="text/javascript">
							try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
						</script>

						<ul class="breadcrumb">
							<li>
								<i class="icon-home home-icon"></i>
								<a href="#">首页</a>
							</li>
							<li class="active">控制台</li>
						</ul><!-- .breadcrumb -->

						<div class="nav-search" id="nav-search">
							<form class="form-search">
								<span class="input-icon">
									<input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
									<i class="icon-search nav-search-icon"></i>
								</span>
							</form>
						</div><!-- #nav-search -->
					</div>

					<div class="page-content">

						<div class="page-header">
							<h1>
								分类列表
							</h1>
						</div><!-- /.page-header -->



						<!--表格-->

						<div class="table-responsive">
							<table id="sample-table-1" class="table table-striped table-bordered table-hover left">
								<thead>
									<tr>

										<th class="left">分类名称</th>


										<th class="center" width="80px;">状态</th>

										<th width="100px;" class="center">操作</th>
									</tr>
								</thead>

								<tbody>

								{{each list}}
									<tr class="">


										<td >
											{{$value.title}}--{{@$value._id}}
										</td>

										<td class="center">
											{{if $value.status==1}}
												<img src="{{__HOST__}}/admin/images/yes.gif" onclick="app.toggle(this,'articlecate','status','{{@$value._id}}')" />
											{{else}}
												<img src="{{__HOST__}}/admin/images/no.gif" onclick="app.toggle(this,'articlecate','status','{{@$value._id}}')" />
											{{/if}}
										</td>

										<td>
											<div class="visible-md visible-lg hidden-sm hidden-xs btn-group center">


												<a href="{{__HOST__}}/admin/articlecate/edit?id={{@$value._id}}">

													<button class="btn btn-xs btn-info">
														<i class="icon-edit bigger-120"></i>
													</button>
												</a>

												<a class="delete" href="{{__HOST__}}/admin/remove?collection=articlecate&id={{@$value._id}}">



												<button class="btn btn-xs btn-danger">
														<i class="icon-trash bigger-120"></i>
													</button>

												</a>

											</div>

										</td>
									</tr>



									{{each $value.list}}
											<tr class="subtitle">


												<td >
													-----{{$value.title}}--{{@$value._id}}
												</td>

												<td class="center" >
													{{if $value.status==1}}
													<img src="{{__HOST__}}/admin/images/yes.gif" onclick="app.toggle(this,'articlecate','status','{{@$value._id}}')" />
													{{else}}
													<img src="{{__HOST__}}/admin/images/no.gif" onclick="app.toggle(this,'articlecate','status','{{@$value._id}}')" />
													{{/if}}
												</td>

												<td>
													<div class="visible-md visible-lg hidden-sm hidden-xs btn-group center">


														<a href="{{__HOST__}}/admin/articlecate/edit?id={{@$value._id}}">

															<button class="btn btn-xs btn-info">
																<i class="icon-edit bigger-120"></i>
															</button>
														</a>

														<a class="delete"  href="{{__HOST__}}/admin/remove?collection=articlecate&id={{@$value._id}}">


															<button class="btn btn-xs btn-danger">
																<i class="icon-trash bigger-120"></i>
															</button>

														</a>

													</div>

												</td>
											</tr>

											{{/each}}

								{{/each}}

								</tbody>
							</table>
						</div>

					</div>
				</div><!-- /.main-content -->
			
			</div><!-- /.main-container-inner -->

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="icon-double-angle-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->



	{{include 'admin/public/footer.html'}}

		<script type="text/javascript">
			jQuery(function($) {
								
				
				$('table th input:checkbox').on('click' , function(){
					var that = this;
					$(this).closest('table').find('tr > td:first-child input:checkbox')
					.each(function(){
						this.checked = that.checked;
						$(this).closest('tr').toggleClass('selected');
					});
						
				});
			
			
				$('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
				function tooltip_placement(context, source) {
					var $source = $(source);
					var $parent = $source.closest('table')
					var off1 = $parent.offset();
					var w1 = $parent.width();
			
					var off2 = $source.offset();
					var w2 = $source.width();
			
					if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
					return 'left';
				}
			})
		</script>
	
</body>
</html>

